<!DOCTYPE html>
<html>

	<head>
		<title>一润魔方</title>
		<link rel="stylesheet" href="../../../js/stickysort/stickysort.css" />
		<link href="../login/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Custom Theme files -->
		<!--theme-style-->
		<link href="../login/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!--//theme-style-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<script type="text/javascript" src="../login/js/move-top.js"></script>
		<script type="text/javascript" src="../login/js/easing.js"></script>
		<!-- 引入 ECharts 文件 -->
		<script src="../login/js/echarts.js"></script>

		<!-- Bootstrap Core CSS -->
		<!-- Custom CSS -->
		<link href="../login/html5/css/style.css" rel='stylesheet' type='text/css' />
		<link href="../login/html5/css/font-awesome.css" rel="stylesheet">
		<!-- jQuery -->
		<script src="../login/html5/js/jquery.min.js"></script>
		<!----webfonts--->
		<!--<link href='http://fonts.lug.ustc.edu.cn/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>-->
		<!---//webfonts--->
		<!-- Bootstrap Core JavaScript -->
		<script src="../login/html5/js/bootstrap.min.js"></script>

		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>

		<script type="text/javascript">
			/*   window.onload = function () {
						var localurl = location.href;
				      // alert("====="+localurl); 
				       var r = getParameter("vsl",localurl);
				      
					   var vessel=r.substring(r.indexOf("=")+1,r.length);
					   alert("船名:"+vessel);
					  	   
			        }*/

			//javascript获取指定参数及其对应的值
			function getParameter(paraStr, url) {
				var result = "";
				//获取URL中全部参数列表数据
				var str = "&" + url.split("?")[1];
				var paraName = paraStr + "=";
				//判断要获取的参数是否存在
				if(str.indexOf("&" + paraName) != -1) {
					//如果要获取的参数到结尾是否还包含"&"
					if(str.substring(str.indexOf(paraName), str.length).indexOf("&") != -1) {
						//得到要获取的参数到结尾的字符串
						var TmpStr = str.substring(str.indexOf(paraName), str.length);
						//截取从参数开始到最近的"&"出现位置间的字符
						result = TmpStr.substr(TmpStr.indexOf(paraName), TmpStr.indexOf("&") - TmpStr.indexOf(paraName));
					} else {
						result = str.substring(str.indexOf(paraName), str.length);
					}
				} else {
					result = "无此参数";
				}
				return(result.replace("&", ""));
			}
		</script>

		<!--<link href='http://fonts.useso.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
		<link href='http://fonts.useso.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>-->
	</head>

	<body>
		<!--header-->
		<div class="header" id="header">
			<div class="container">
				<div class="nav-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
						<div class="navbar-brand logo ">
							<h1><a href="../main/main.html">一润魔方 </a></h1>

						</div>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil links" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav ">
							<li>
								<a href="javascript:void(0);">综合看板</a><span></span> </li>
							<li>
								<a href="javascript:void(0);">商机看板 </a><span></span></li>
							<li>
								<a href="javascript:void(0);">资金看板 </a><span></span></li>
							<li>
								<a href="#services" class="scroll ser">收款看板</a><span></span> </li>
							<li>
								<a href="#gallery" class="scroll ser1">应收看板</a><span></span></li>
							<li>
								<a href="#clients" class="scroll ser1">信用纬度</a><span></span></li>
							<li>
								<a href="javascript:void(0);">销售地图</a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<!-- /.navbar-collapse -->
				</div>
			</div>
		</div>

		<!--table  begin-->
		<div class="panel-heading">
			<h3>分销商综合授信额度报表</h3>
			<div class="panel-ctrls" data-actions-container="" data-action-collapse="{&quot;target&quot;: &quot;.panel-body&quot;}"><span class="button-icon has-bg"><i class="ti ti-angle-down"></i></span></div>
		</div>
		<div class="bs-example4" data-example-id="simple-responsive-table">
			<div class="table-responsive">
				<table class="table table-bordered dataBody">
				</table>
				<script type="text/template" class="dataTpl">
					<thead>
						<tr>
							<th>#</th>
							<th>客户</th>
							<th>授信额度</th>
							<th>剩余额度</th>
							<th>敞口金额</th>
							<th>额度起始时间</th>
							<th>额度截止时间</th>
							<th>核准利率及质押率</th>
						</tr>
					</thead>
					<tbody>
					{@each datas as it, index}
					{@if it.creditLine != 0}
						<tr>
							<th scope="row">${index*1 + 1}</th>
							<td>${it.enterpriseName}</td>
							<td sortData="${it.creditLine}">${formatCurrency((it.creditLine/10000).toFixed(4))}</td>
							<td sortData="${it.creditLine*1 - it.creditLineAlready*1}">${formatCurrency(((it.creditLine*1 - it.creditLineAlready*1)/10000).toFixed(4))}</td>
							<td sortData="${it.creditLineAlready}">${formatCurrency((it.creditLineAlready/10000).toFixed(4))}</td>
							<td>${(it.effectiveStart).substr(0, 10)}</td>
							<td>${(it.effectiveEnd).substr(0, 10)}</td>
							<td>
								{@each it.financeBulkstockPledgeRateList as item} ${item.bulkstockName} 【${item.loanRateCeiling}%/${item.pledgeRateCeiling}%】 <br />{@/each}
							</td>
						</tr>
					{@/if}
					{@/each}
					</tbody>
				</script>
				<script type="text/template" class="dataTpl1">
					<thead>
						<tr>
							<th>#</th>
							<th>客户</th>
							<th>授信额度</th>
							<th>剩余额度</th>
							<th>敞口金额</th>
							<th>额度起始时间</th>
							<th>额度截止时间</th>
							<th>核准利率及质押率</th>
						</tr>
					</thead>
					<tbody>
					{@each datas as it, index}.
					{@if (it.creditLineAlready/10000).toFixed(4) != 0}
						<tr>
							<th scope="row">${index*1 + 1}</th>
							<td>${it.enterpriseName}</td>
							<td sortData="${it.creditLine}">${formatCurrency((it.creditLine/10000).toFixed(4))}</td>
							<td sortData="${it.creditLine*1 - it.creditLineAlready*1}">${formatCurrency(((it.creditLine*1 - it.creditLineAlready*1)/10000).toFixed(4))}</td>
							<td sortData="${it.creditLineAlready}">${formatCurrency((it.creditLineAlready/10000).toFixed(4))}</td>
							<td>${(it.effectiveStart).substr(0, 10)}</td>
							<td>${(it.effectiveEnd).substr(0, 10)}</td>
							<td>
								{@each it.financeBulkstockPledgeRateList as item} ${item.bulkstockName} 【${item.loanRateCeiling}%/${item.pledgeRateCeiling}%】 <br />{@/each}
							</td>
						</tr>
					{@/if}
					{@/each}
					</tbody>
				</script>
			</div>
			<!-- /.table-responsive -->
		</div>

		<!---table end--->
		<!--footer-->
		<div class="footer">
			<ul class="social">
				<li>
					<a href="#"><i> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic1"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic2"> </i></a>
				</li>
				<li>
					<a href="#"><i class="ic3"> </i></a>
				</li>
			</ul>
			<div class="footer-b">
				<ul class="footer-nav">
					<li>
						<a href="../main/main.html" class="scroll active">一润魔方</a>
					</li>
					<a href="javascript:window.opener=null;window.close();">关闭</a>
					<a href='javascript:history.go(-1)'>返回</a>
				</ul>
				<a href="#header" class="scroll bottom"><i></i></a>
			</div>
			<div class="copy">
				<p class="footer-grid">Copyright &copy; 2016.一润 All rights reserved.
					<a target="_blank" href="#">一润魔方</a>
				</p>
			</div>
		</div>
		<!-- for bootstrap working -->
		<script src="../login/js/bootstrap.min.js"></script>
		<!-- //for bootstrap working -->

	</body>

	<script src="../../../component/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
	<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
	<script type="text/javascript" src="../../../js/bord/config.js"></script>
	<script type="text/javascript" src="../../../js/juicer-min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
	<script type="text/javascript" src="../../../js/stickysort/jquery.stickysort.min.js" ></script>
	<script type="text/javascript">
		seajs.use('./creditLine', function(creditLine) {
			creditLine.init();
		});
	</script>

</html>